<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    
     <p:dialog id="DemandaHabitacionalViewDlg" widgetVar="DemandaHabitacionalViewDialog" modal="true" resizable="true" width="900" 
               appendTo="@(body)" header="#{bundle.DetalleDemandaHabitacional}" >
         <h:form id="DemandaHabitacionalViewForm" >
                <p:growl id="msgs" sticky="true" showDetail="true"/>  
                <p:panelGrid columns="2" styleClass="tablaSinBordes">
                    <h:outputLabel styleClass="etiquetaReporte" value="Fecha de carga: " />
                    <h:outputText  value="#{demandaHabitacionalController.selected.fcarga}">
                    <f:convertDateTime pattern="MM/dd/yyyy" />
                    </h:outputText>
                    <h:outputLabel styleClass="etiquetaReporte" value="Nombre del responsable: " />
                    <h:outputText value="#{demandaHabitacionalController.selected.nombreDelSolicitante}" />
                    <h:outputLabel styleClass="etiquetaReporte" value="Vínculo: " />
                    <h:outputText value="#{demandaHabitacionalController.selected.vinculo}" />
                    <h:outputLabel styleClass="etiquetaReporte" value="Servicios: " />
                    <h:outputText value="#{demandaHabitacionalController.selected.concatenarServicios()}" />
                    <h:outputLabel styleClass="etiquetaReporte" value="Necesidad Habitacional: " />
                    <h:outputText value="#{demandaHabitacionalController.selected.necesidadHabitacional}" />    
                </p:panelGrid>
                
                <p:panel header="Grupo Familiar">
                    <p:dataTable id="datalist" value="#{demandaHabitacionalController.selected.grupoFamiliar}" var="item"
                                 selectionMode="single" 
                                 paginator="false"
                                 rowKey="#{item.id}"
                                 >

                        <p:column>
                            <f:facet name="header">
                                <h:outputText  value="#{bundle.ListPersonaTitle_dni}"/>
                            </f:facet>
                            <h:outputText value="#{item.dni}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_apellido}"/>
                            </f:facet>
                            <h:outputText value="#{item.apellido}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_nombre}"/>
                            </f:facet>
                            <h:outputText value="#{item.nombre}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_direccion}"/>
                            </f:facet>
                            <h:outputText value="#{item.direccion}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_telefono}"/>
                            </f:facet>
                            <h:outputText value="#{item.telefono}"/>
                        </p:column>
<!--                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_aniosDeResidencia}"/>
                            </f:facet>
                            <h:outputText value="#{item.aniosResidencia}"/>
                        </p:column>-->
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_discapacitado}"/>
                            </f:facet>
                            <p:selectBooleanCheckbox styleClass="checkCentrado" disabled="true" value="#{item.discapacitado}"/>
                            <!--<h:outputText value="#{item.discapacitado}"/>-->
                        </p:column>
<!--                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_esResponsable}"/>
                            </f:facet>
                            <h:outputText value="#{item.esResponsable}"/>
                        </p:column> -->
<!--                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_fNacimiento}"/>
                            </f:facet>
                            <h:outputText value="#{item.fnacimiento}">
                                    <f:convertDateTime pattern="MM/dd/yyyy" />
                            </h:outputText>
                        </p:column>-->
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_correoElectronico}"/>
                            </f:facet> 
                            <h:outputText value="#{item.correoElectronico}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPersonaTitle_telefonoMovil}"/>
                            </f:facet> 
                            <h:outputText value="#{item.telefonoMovil}"/>
                        </p:column>
                                              
                    </p:dataTable>
                </p:panel>
                
                
                <p:commandButton value="#{bundle.Close}" onclick="DemandaHabitacionalViewDialog.hide()"/>
        </h:form>
         
    </p:dialog>

<!--    <ui:composition>

        <p:dialog id="DemandaHabitacionalViewDlg" widgetVar="DemandaHabitacionalViewDialog" modal="true" resizable="false" appendTo="@(body)" header="#{bundle.ViewDemandaHabitacionalTitle}">
            <h:form id="DemandaHabitacionalViewForm">
                <h:panelGroup id="display">
                    <p:panelGrid columns="2" rendered="#{demandaHabitacionalController.selected != null}">
                        <h:outputText value="#{bundle.ViewDemandaHabitacionalLabel_id}"/>
                        <h:outputText value="#{demandaHabitacionalController.selected.id}" title="#{bundle.ViewDemandaHabitacionalTitle_id}"/>
                        <h:outputText value="#{bundle.ViewDemandaHabitacionalLabel_fcarga}"/>
                        <h:outputText value="#{demandaHabitacionalController.selected.fcarga}" title="#{bundle.ViewDemandaHabitacionalTitle_fcarga}">
                            <f:convertDateTime pattern="MM/dd/yyyy" />
                        </h:outputText>
                    </p:panelGrid>
                    <p:commandButton value="#{bundle.Close}" onclick="DemandaHabitacionalViewDialog.hide()"/>
                </h:panelGroup>
            </h:form>
        </p:dialog>

    </ui:composition>-->
</html>
